<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<head>
<meta charset="utf-8">
<title>图片查询</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.0/js/bootstrap.min.js"></script>
<style>
.header {
	margin:20px;
}

.content {
	margin:20px 50px 20px 50px;
}

</style>

</head>

<body>
	<div class="header">
		<form class="form-inline" method="post" action="./query">
			<div class="form-group mx-sm-3 mb-2">
				<label for="imageId" class="sr-only">图片ID</label>
				<input type="text" class="form-control" id="imageId" name="imageId" placeholder="图片ID">
			</div>
			<div class="form-group mx-sm-3 mb-2">
				<label for="payOrderId" class="sr-only">支付订单号</label>
				<input type="text" class="form-control" id="payOrderId" name="payOrderId" placeholder="支付订单号">
			</div>
			<button type="submit" id="submitBtn" class="btn btn-primary mb-2">确认</button>
		</form>
		<div th:if="${code neq 10000}">
			<span th:text="${message}" style="color:red"></span>
		</div>
	</div>
	<div class="content">
		<!-- 图片信息 -->
		<div>
			<img alt="" src="" th:src="@{${image==null?'':image.image_path}}">
			<form>
			  <div class="form-group row">
			    <label for="imageItemId" class="col-sm-2 col-form-label">订单编号</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="imageItemId" value="11111" th:value="${image==null?'':image.id}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label class="col-sm-2 col-form-label">图片ID</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" value="11111" th:value="${image==null?'':image.image_id}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="imageItemId" class="col-sm-2 col-form-label">图片状态</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="status" value="11111" th:value="${image==null?'':image.status}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="imageItemId" class="col-sm-2 col-form-label">创建时间</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="createTime" value="11111" th:value="${image==null?'':#dates.format(image.create_time, 'yyyy-MM-dd HH:mm:ss')}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="orderId" class="col-sm-2 col-form-label">支付时间</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="payTime" value="11111" th:value="${order==null?'':#dates.format(order.pay_time, 'yyyy-MM-dd HH:mm:ss')}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="imageItemId" class="col-sm-2 col-form-label">审核时间</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="verifyTime" value="11111" th:value="${image==null?'':#dates.format(image.verify_time, 'yyyy-MM-dd HH:mm:ss')}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="imageItemId" class="col-sm-2 col-form-label">打包时间</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="packageTime" value="11111" th:value="${image==null?'':#dates.format(image.package_time, 'yyyy-MM-dd HH:mm:ss')}">
			    </div>
			  </div>
			</form>
		</div>
			  <div class="form-group row">
			    <label for="orderId" class="col-sm-2 col-form-label">支付状态</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="status" value="11111" th:value="${order==null?'':order.status}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="orderId" class="col-sm-2 col-form-label">支付金额</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="amount" value="11111" th:value="${order==null?'':order.amount}">
			    </div>
			  </div>
			  <div class="form-group row">
			    <label for="orderId" class="col-sm-2 col-form-label">退款状态</label>
			    <div class="col-sm-10">
			      <input type="text" readonly class="form-control-plaintext" id="refundStatus" value="11111" th:value="${order==null?'':order.refund_status}">
			    </div>
			  </div>

				　　<table>
			      <tr>
			        <th width="150px">审核人员</th>
			        <th width="200px">审核结果</th>
			        <th width="200px">审核时间</th>
			        <th width="500px">审核描述</th>
			      </tr>
			     <tr th:each="verify : ${verify}">
        		<td th:text="${verify.verifier_name}">审核人员</td>
        		<td th:text="${verify.result}">审核结果</td>
        		<td th:text="${#dates.format(verify.create_time, 'yyyy-MM-dd HH:mm:ss')}">审核时间</td>
        		<td th:text="${verify.description}">审核描述</td>
			      </tr>
			    </table>

	</div>
</body>

</html>